<template>
  <div id='home'  class='home'>
    <!-- 头部卡片视图 -->
     <HeadCards></HeadCards>
    <!-- 中间图表 -->
    <SaleChart style="margin-top:20px"></SaleChart>
  </div>
</template>

<script>
export default {
  name: 'home',
  props: { // 父传子
  },
  data () {
    return {

    }
  },
  created () { // 实例被创建钩子

  },
  computed: { // 计算属性

  },
  components: { // 组件引用
    HeadCards: () => import('./HeadCards.vue'),
    SaleChart: () => import('./SaleChart.vue'),
  },
  methods: { // 方法

  },
  mounted () { // Dom挂载钩子

  },
  watch: { // 监测变化

  }
}
</script>
<style scoped lang='scss'>
 .home{

 }
</style>